{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/massage.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
#load_wrapper{
	margin-top: 2.2rem;
}
#pullUp span{
	font-size: .6rem;
	color: #B4B4B4;
}
.msg_list{
	
}
.msg_list li{
	padding: 0.55rem 0.6rem 0.6rem;
    border-bottom: 1px solid #EFEFEF;
}
.msg_list li h3{
	color: #333;
	font-size: .75rem;
	display: flex;
	align-items: center;
}
.msg_list li h3>p{
	flex: 1;
}
.msg_list li span{
	font-size: 0.65rem;
    line-height: 0.85rem;
}
.msg_list li>p{
	font-size: 0.7rem;
    color: #9AA0A2;
    margin-top: 0.3rem;
}
</style>
{/block}
{block name="content"}

	
	<div class="com_header">
		<a href="javascript:;" class="go_back"><i class="icon_back"></i></a>系统消息
	</div>
	{if $message_list}
	<div id="load_wrapper">
		<div id="scroller">
			<ul class="msg_list">
				{foreach from=$message_list item=v}
				<li>
					<h3><p>系统通知</p><span>{$v.addtime}</span></h3>
					<p>{$v.message_contents}</p>
				</li>
				{/foreach}
			</ul>

			<div id="pullUp">
				</span><span class="pullUpLabel">上拉加载...</span>
			</div>
		</div>
	</div>
	{else}
	<!-- 无内容显示 -->
	<div class="no-cout">
		<img src="/Public/Images/img/icon_news_noOfficial@3x.png" alt="">
		<p>暂无消息</p>
	</div>
	{/if}
{/block}
{block name="js"}
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/js/sys_msg_load.js"></script>
<script>
	var total = parseInt('{$total}');
	var firstRow = parseInt('{$firstRow}');
{literal}

{/literal}
</script>

{/block}